<template>
  <div class="artlist-container">我是ArtList组件</div>
</template>

<script>
export default {
  // 下面在created里面，故意出一个错误
  created () {
    abc() // 调用了一个不存在的函数
  }


  // // 第1个钩子函数 beforeCreate
  // beforeCreate () {
  //   console.log('子beforeCreate')
  // },
  // // 第2个钩子函数 created
  // created () {
  //   console.log('子created')
  // },
  // // 第3个钩子函数 beforeMount
  // beforeMount () {
  //   console.log('子beforeMount')
  // },
  // // 第4个钩子函数，mounted
  // mounted () {
  //   console.log('子mounted')
  // },
  // // 第5个钩子函数，beforeUpdate
  // beforeUpdate () {
  //   console.log('子beforeUpdate')
  // },
  // // 第6个钩子函数，updated
  // updated () {
  //   console.log('子updated')
  // },
  // // 第7个钩子函数，beforeDestroy
  // beforeDestroy () {
  //   console.log('子beforeDestroy')
  // },
  // // 第8个钩子函数，desdroyed
  // destroyed () {
  //   console.log('子destroyed')
  // }
}
</script>

<style lang="less" scoped>
.artlist-container {
  background-color: pink;
  margin: 5px;
  padding: 10px;
}
</style>
